<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>体验CSS语法规范</title>
    <!-- CSS代码位置： -->
    <style>
        /* 选择器{样式} */
        /* 给谁改样式{改什么样式} */
        /* ‌‌10px等于1rem。‌ 在‌CSS中，1rem等于根元素字体大小的值。通常，为了方便计算，会将根元素的字体大小设置为16px，这样1rem就等于16px。但在实际开发中，为了减少小数点带来的麻烦，通常会设置根元素的字体大小为10px，这样1rem就等于10px。*/
        p{
            color: red;
            /* 16px = 1rem px:像素*/
            /* 修改了文字大小为12像素 */
            font-size: 1.2rem;
        }
    </style>
</head>
<!-- HTML代码位置 -->
<body>
    <p>前端真是太好玩啦！</p>
</body>
</html>